<template>
  <div>
    <div class="devtools-container">
      我是侧边栏面板Side Panel，<br>此处可以配置AI助手等内容，自己开发
      <h5>演示模式</h5>
      <h5>@author：颜瑞</h5>
    </div>

    <el-button @click="handleCheckCPU">查看CPU信息</el-button>
    <div>{{ cpuInfo }}</div>
  </div>

</template>


<script setup>
import { ref } from 'vue'

const cpuInfo = ref(null);
const handleCheckCPU = () => {
  // console.log('cpu信息是', chrome.system.cpu.getInfo())
  // cpuInfo.value = chrome.system.cpu.getInfo();
  chrome.system.cpu.getInfo().then(res => {
    console.log('cpu是', res)
    cpuInfo.value = res;
  })
};
</script>



